<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>脚本管理</title>
</head>
<body>
    <div class="container">
        <div class="jumbotron">
            <h1 class="display-4">脚本管理！</h1>
            <p class="lead">管理上传的脚本文件，包括脚本文件的增删改查等操作。</p>
            <hr class="my-4">
            <div class="row">
                <div class="btn-group col-6 mb-3" role="group" aria-label="example">
                    <button type="button" class="btn btn-outline-success">
                        <span class="oi oi-plus"></span> 新增
                    </button>
                    <button type="button" class="btn btn-outline-warning">
                        <span class="oi oi-pencil"></span> 修改
                    </button>
                    <button type="button" class="btn btn-outline-danger">
                        <span class="oi oi-minus"></span> 删除
                    </button>
                </div>
                <div class="input-group col-6 mb-3">
                    <input type="text" class="form-control" placeholder="Search" aria-label="Search" aria-describedby="basic-addon">
                    <div class="input-group-append">
                        <button class="btn btn-outline-success" type="button">
                            <span class="oi oi-magnifying-glass"></span>
                        </button>
                        <button type="button" class="btn btn-outline-success">
                            <span class="oi oi-reload"></span>
                        </button>
                        <button class="btn btn-outline-success dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="oi oi-list"></span>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a class="dropdown-item" href="#">JSON</a>
                            <a class="dropdown-item" href="#">XML</a>
                            <a class="dropdown-item" href="#">CSV</a>
                            <a class="dropdown-item" href="#">TXT</a>
                            <a class="dropdown-item" href="#">MS-Excel</a>
                        </div>
                    </div>
                </div>
            </div>
            <table class="table table-hover">
                <thead>
                <tr>
                    <th scope="col">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <th scope="col">脚本名称</th>
                    <th scope="col">脚本字段</th>
                    <th scope="col">脚本内容</th>
                    <th scope="col">脚本描述</th>
                    <th scope="col">上传时间</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th scope="row">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <td>Test18</td>
                    <td>用户名、密码、邮箱、手机</td>
                    <td>package cn.edu.su...</td>
                    <td>录制用户注册信息页面</td>
                    <td>2017-12-20 15:45:04</td>
                </tr>
                <tr>
                    <th scope="row">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <td>Test17</td>
                    <td>用户名、密码、邮箱、手机</td>
                    <td>package cn.edu.su...</td>
                    <td>录制用户注册信息页面</td>
                    <td>2017-12-20 15:40:32</td>
                </tr>
                <tr>
                    <th scope="row">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <td>Test16</td>
                    <td>用户名、密码、邮箱、手机</td>
                    <td>package cn.edu.su...</td>
                    <td>录制用户注册信息页面</td>
                    <td>2017-12-20 15:29:55</td>
                </tr>
                <tr>
                    <th scope="row">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <td>Test15</td>
                    <td>用户名、密码、邮箱、手机</td>
                    <td>package cn.edu.su...</td>
                    <td>录制用户注册信息页面</td>
                    <td>2017-07-05 10:29:23</td>
                </tr>
                <tr>
                    <th scope="row">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <td>Test14</td>
                    <td>用户名、密码、邮箱、手机</td>
                    <td>package cn.edu.su...</td>
                    <td>录制用户注册信息页面</td>
                    <td>2017-07-05 10:05:15</td>
                </tr>
                <tr>
                    <th scope="row">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <td>Test13</td>
                    <td>用户名、密码、邮箱、手机</td>
                    <td>package cn.edu.su...</td>
                    <td>录制用户注册信息页面</td>
                    <td>2017-06-30 20:22:51</td>
                </tr>
                <tr>
                    <th scope="row">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <td>Test12</td>
                    <td>用户名、密码、邮箱、手机</td>
                    <td>package cn.edu.su...</td>
                    <td>录制用户注册信息页面</td>
                    <td>2017-06-30 20:10:26</td>
                </tr>
                <tr>
                    <th scope="row">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <td>Test11</td>
                    <td>用户名、密码、邮箱、手机</td>
                    <td>package cn.edu.su...</td>
                    <td>录制用户注册信息页面</td>
                    <td>2017-06-30 20:01:30</td>
                </tr>
                <tr>
                    <th scope="row">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <td>Test10</td>
                    <td>用户名、密码、邮箱、手机</td>
                    <td>package cn.edu.su...</td>
                    <td>录制用户注册信息页面</td>
                    <td>2017-06-30 19:50:05</td>
                </tr>
                <tr>
                    <th scope="row">
                        <input type="checkbox" aria-label="Checkbox for following text input">
                    </th>
                    <td>Test9</td>
                    <td>用户名、密码、邮箱、手机</td>
                    <td>package cn.edu.su...</td>
                    <td>录制用户注册信息页面</td>
                    <td>2017-06-30 19:43:33</td>
                </tr>
                </tbody>
            </table>
            <nav aria-label="Page navigation example">
                <ul class="pagination justify-content-end">
                    <li class="page-item disabled">
                        <a class="page-link" href="#" tabindex="-1">Previous</a>
                    </li>
                    <li class="page-item active"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item">
                        <a class="page-link" href="#">Next</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</body>
</html>